<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>博客编辑页</title>
    <link href="common.css" rel="stylesheet">
    <link href="blog_edit.css" rel="stylesheet">

    <!--引入editor.md的依赖-->
    <link href="editor.md/css/editormd.min.css" rel="stylesheet" />
    <!-- <script src="js/jquery.min.js"></script> -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="editor.md/editormd.js"></script>
</head>
<body>
    <div class="nav">
        <img src="C:\Users\Lenovo\Desktop\QQ图片20221113100627.jpg">
        <span class="title">我的博客系统</span>
        <!--spacer来占位-->
        <div class="spacer"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="logout">注销</a>
    </div>
    <!--整个编辑页面的版心-->
    <div class="blog-edit-container">
        <form action="blog" method="post" style="height:100%">
                  <!--标题的编辑区-->
        <div class="title">
            <!--输入的标题内容-->
            <input id="blog-title" name="title" placeholder="在这里输入文章标题" type="text">
            <input id="submit" type="submit" value="发布文章">
        </div>
        <!--正文的编辑区-->
        <div id="editor">
            <textarea name="content" style="display:none"></textarea>
        </div>
    </div>
        </form>

    <script src="js/app.js"></script>
    <script>
        //初始化编辑器
        var editor=editormd("editor",{
            width:"100%",
            height:"calc(100% - 50px)",
            markdown:"# 在这里写下一篇博客",
            path:"editor.md/lib/"
            saveHTMLToTextarea:true,
        });
        getLoginStatus();
    </script>
</body>
</html>